<template>
  <div class="wxmarket">
    <el-breadcrumb separator-class="el-icon-arrow-right" style="box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);line-height: 3;padding-left: 1em;">
       <el-breadcrumb-item>营销管理</el-breadcrumb-item>
       <el-breadcrumb-item>微信营销</el-breadcrumb-item>
     </el-breadcrumb>
     <div class="wx_code">
         <el-header style="text-align: left;font-size: .5rem;line-height: 1.8182rem;">微信海报</el-header>
         <div class="code_box">
             <div class="img_box">
               <img src="../../build/logo.png" alt="二维码">
             </div>
             <div class="flex">
               <div>H5页面地址</div>
               <el-input  v-model="input" placeholder="请输入内容"></el-input>
               <el-button type="primary" plain>复制</el-button>
             </div>
         </div>
     </div>
  </div>
</template>

<script>
  export default {
  data() {
    return {
      input: ''
    }
  }
}
</script>

<style scoped>
  .wx_code{
    width: 60%;height: 18.1818rem;
    margin: 2.1212rem auto;
    box-shadow: 0 2px 12px 0 rgba(57, 113, 153);
    border-radius: 4px;
  }
  .el-head{
    text-align: left;
  }
  .code_box{
    width: 70%;
    margin: 1.8182rem auto;
  }
  .img_box{
    width: 9.091rem;
    height: 9.091rem;
    margin: 0 auto;
    }
    .img_box img{
      width: 100%;
      height: 100%;
    }
    .flex{
      font-size: 14px;
      justify-content:space-around;
      align-items: center;
    }
    .el-input{
      width: 50%;
    }
</style>
